<template>
	<view class="role">
		<view style="margin: 20rpx 0rpx;">
			请选择角色
		</view>
		<view style="color: #5D5E5D; margin: 20rpx 0rpx; font-size: 24rpx;">
			切换将变更审批流程和管辖范围
		</view>
		<view class="radio">
			<uni-data-checkbox v-model="roleValue" :localdata="roleList"></uni-data-checkbox>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				roleValue: '',
				roleList: [{
					value: '1',
					text: '导师',
				},{
					value: '2',
					text: '辅导员',
				},{
					value: '3',
					text: '学院分管副院长',
				},{
					value: '4',
					text: '学院党委副书记',
				}]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.role{
		width: 94%;
		margin: auto;
		.radio{
			padding: 20rpx;
			border-radius: 10rpx;
			background-color: #fff;
			box-shadow: 0px 0px 8rpx 0px rgba(0, 0, 0, 0.2);
			::v-deep .checklist-group{
				display: flex;
				flex-direction: column;
				.checklist-box{
					margin: 20rpx 0rpx;
				}
			}
		}
	}
</style>